<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>李海政作业列表</title>
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <meta name="author" content="李海政">
  <style>

    ul li{
      width: 100px;
      height: 100px;
      margin-top:50px;
      background-color: sandybrown;
      border: 1px saddlebrown solid;
      border-radius: 10px;
      margin-left: 10px;
      list-style: none;
      float: left;


    }
    a{
      text-decoration: none;
      border: 1px solid #B89D70;
      border-radius: 5px;
      background-color: #E7CBA3;
      color: #FF00CC;
      position: relative;
      left: 25px;
      top:110px;
    }
  </style>
</head>

<body>
作业列表：
<ul>
  <li style="background-image: url(images/lhz.jpg);background-size: 100% 100%;"><a href="work/作业1/index.html">作业1</a></li>
  <li style="background-image: url(images/2.png);background-size: 100% 100%;"><a href="work/千图网/index.html">千图网</a></li>
  <li style="background-image: url(images/mi.png);background-size: 100% 100%;"><a href="work/mi/index.html">小米</a></li>
</ul>
</body>
</html>